iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 6
0
自我挑戰組

暫時停止遊戲,寫遊戲!系列 第 6

[Day06] 剪刀石頭布猜拳遊戲Part2.玩家出拳

  • 分享至 

  • xImage
  •  


繪製完起始畫面後,玩家就可以開始可以依照畫面指示按下鍵盤來出拳,
所以我們開始接觸輸入控制(鍵盤)的處理,接著也要寫一些人工智慧(演算法)來模擬電腦出拳的部分。
這兩個部分皆是屬於遊戲設計上在程式上的轉換,沒寫過程式的人請多留意一下,大多數的遊戲開發都在這種階段阿 XD

目標: 玩家出拳,鍵盤之輸入處理

可學到的東西: 鍵盤處理

資源

玩家出拳,鍵盤之輸入處理

在實際處理鍵盤輸入之前,我們需要全面的思考一下遊戲可能需要紀錄的東西,而在程式上這些資訊大多都使用變數來儲存。
例如玩家與電腦出了什麼拳,結果是贏還是輸,場景需不需要做切換等,都需要先使變數儲存起來,之後程式才能使用這些變數來進行判斷。

  • 宣告玩家出拳的變數
    // 紀錄玩家出拳,0=初始值,1=剪刀,2=石頭,3=布
        int player = 0;
  • 在Update()執行階段中,偵測玩家出拳
    這裡開始處理鍵盤輸入,由於是過程中都能夠出拳,所以需要寫在遊戲過程的Update()裡面
protected override void Update(GameTime gameTime)
{
    // Allows the game to exit
    if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)
        this.Exit();
 
    // TODO: Add your update logic here
    // 取得鍵盤按下的狀態
    KeyboardState newState = Keyboard.GetState();
    // 按下ESC 可以離開遊戲
    if (newState.IsKeyDown(Keys.Escape))
    {
        Exit();
    }
    // 按下數字鍵1,把玩家出拳的變數值修改為1,代表剪刀
    if (newState.IsKeyDown(Keys.D1))
    {
        player = 1;
    }
    // 按下數字鍵1,把玩家出拳的變數值修改為2,代表石頭
    if (newState.IsKeyDown(Keys.D2))
    {
        player = 2;
    }
    // 按下數字鍵1,把玩家出拳的變數值修改為3,代表布
    if (newState.IsKeyDown(Keys.D3))
    {
        player = 3;
    }
 
        base.Update(gameTime);
}
  • 紀錄場景
    在繪出玩家出拳之前,別忘了我們的遊戲還是停在開始畫面,
    所以必須在玩家出拳時切換到場景,先使用變數記錄一下場景是否該切換了。
// 紀錄場景,0=開始畫面,1=出拳畫面
int gameState = 0;

然後同樣在Update()執行階段中,只要偵測到玩家出拳,就要紀錄場景狀態

if (newState.IsKeyDown(Keys.D1) || newState.IsKeyDown(Keys.D2) || newState.IsKeyDown(Keys.D3))
            {
                gameState = 1;
            }
  • 在Draw()執行階段將玩家選擇之拳繪出,同時切換場景
    玩家出拳的同時,也要記得切換至出拳的場景,然後再繪出出拳畫面重疊在出拳背景上。
protected override void Draw(GameTime gameTime)
{
    GraphicsDevice.Clear(Color.CornflowerBlue);
 
    // TODO: Add your drawing code here
    spriteBatch.Begin();
    // sprite.draw 的使用方法很多種,這裡載入的只有3個參數
    // 參數1表示要顯示的圖片,參數2表示顯示圖片的起始位置,參數3表示填色,White表示不填色
    // 原本繪出開始畫面也要更改,只有當還沒出拳時,才會繪製開始畫面
    if (gameState == 0)
    {
        spriteBatch.Draw(imageGameStart, Vector2.Zero, Color.White);
    }
    if (gameState == 1)
    {
        // 繪製出拳後的遊戲背景
        spriteBatch.Draw(imageBackgroud, Vector2.Zero, Color.White);
        // 繪製出拳的貼圖
        if (player == 1)
        {
            spriteBatch.Draw(image1, new Vector2(550,100), Color.White);
        }
        if (player == 2)
        {
            spriteBatch.Draw(image2, new Vector2(550, 100), Color.White);
        }
        if (player == 3)
        {
            spriteBatch.Draw(image3, new Vector2(550, 100), Color.White);
        }
    }
    spriteBatch.End();
 
    base.Draw(gameTime);
}
  • 按下功能表的開始,執行看看是否成功

Source Cde

using System;
using System.Collections.Generic;
using System.Linq;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Audio;
using Microsoft.Xna.Framework.Content;
using Microsoft.Xna.Framework.GamerServices;
using Microsoft.Xna.Framework.Graphics;
using Microsoft.Xna.Framework.Input;
using Microsoft.Xna.Framework.Media;
 
namespace GuessFingerMoocs
{
    /// <summary>
    /// This is the main type for your game
    /// </summary>
    public class Game1 : Microsoft.Xna.Framework.Game
    {
        GraphicsDeviceManager graphics;
        SpriteBatch spriteBatch;
 
        // 替每張圖片宣告一個變數
        Texture2D image1, image2, image3, imageGameStart, imageBackgroud;
 
        // 紀錄玩家出拳,0=初始值,1=剪刀,2=石頭,3=布
        int player = 0;
        // 紀錄場景,0=開始畫面,1=出拳畫面
        int gameState = 0; 
 
        public Game1()
        {
            graphics = new GraphicsDeviceManager(this);
            Content.RootDirectory = "Content";
        }
 
        /// <summary>
        /// Allows the game to perform any initialization it needs to before starting to run.
        /// This is where it can query for any required services and load any non-graphic
        /// related content.  Calling base.Initialize will enumerate through any components
        /// and initialize them as well.
        /// </summary>
        protected override void Initialize()
        {
            // TODO: Add your initialization logic here
            // 設定起始畫面大小
            graphics.PreferredBackBufferWidth = 1024;
            graphics.PreferredBackBufferHeight = 768;
            graphics.ApplyChanges();
 
            base.Initialize();
        }
 
        /// <summary>
        /// LoadContent will be called once per game and is the place to load
        /// all of your content.
        /// </summary>
        protected override void LoadContent()
        {
            // Create a new SpriteBatch, which can be used to draw textures.
            spriteBatch = new SpriteBatch(GraphicsDevice);
 
            // TODO: use this.Content to load your game content here
            // 載入變數,並對應每個圖片變數
            image1 = Content.Load<Texture2D>("Scissor400x600");
            image2 = Content.Load<Texture2D>("Rock400x600");
            image3 = Content.Load<Texture2D>("Paper400x600");
            imageGameStart = Content.Load<Texture2D>("GameStart1024x768");
            imageBackgroud = Content.Load<Texture2D>("background1024x768");   
        }
 
        /// <summary>
        /// UnloadContent will be called once per game and is the place to unload
        /// all content.
        /// </summary>
        protected override void UnloadContent()
        {
            // TODO: Unload any non ContentManager content here
        }
 
        /// <summary>
        /// Allows the game to run logic such as updating the world,
        /// checking for collisions, gathering input, and playing audio.
        /// </summary>
        /// <param name="gameTime">Provides a snapshot of timing values.</param>
        protected override void Update(GameTime gameTime)
        {
            // Allows the game to exit
            if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)
                this.Exit();
 
            // TODO: Add your update logic here
            // 取得鍵盤按下的狀態
            KeyboardState newState = Keyboard.GetState();
            // 按下ESC 可以離開遊戲
            if (newState.IsKeyDown(Keys.Escape))
            {
                Exit();
            }
            // 按下數字鍵1,把玩家出拳的變數值修改為1,代表剪刀
            if (newState.IsKeyDown(Keys.D1))
            {
                player = 1;
            }
            // 按下數字鍵1,把玩家出拳的變數值修改為2,代表石頭
            if (newState.IsKeyDown(Keys.D2))
            {
                player = 2;
            }
            // 按下數字鍵1,把玩家出拳的變數值修改為3,代表布
            if (newState.IsKeyDown(Keys.D3))
            {
                player = 3;
            }
 
            if (newState.IsKeyDown(Keys.D1) || newState.IsKeyDown(Keys.D2) || newState.IsKeyDown(Keys.D3))
            {
                gameState = 1;
            }
 
                base.Update(gameTime);
        }
 
        /// <summary>
        /// This is called when the game should draw itself.
        /// </summary>
        /// <param name="gameTime">Provides a snapshot of timing values.</param>
        protected override void Draw(GameTime gameTime)
        {
            GraphicsDevice.Clear(Color.CornflowerBlue);
 
            // TODO: Add your drawing code here
            spriteBatch.Begin();
            // sprite.draw 的使用方法很多種,這裡載入的只有3個參數
            // 參數1表示要顯示的圖片,參數2表示顯示圖片的起始位置,參數3表示填色,White表示不填色
            // 原本繪出開始畫面也要更改,只有當還沒出拳時,才會繪製開始畫面
            if (gameState == 0)
            {
                spriteBatch.Draw(imageGameStart, Vector2.Zero, Color.White);
            }
            if (gameState == 1)
            {
                // 繪製出拳後的遊戲背景
                spriteBatch.Draw(imageBackgroud, Vector2.Zero, Color.White);
                // 繪製出拳的貼圖
                if (player == 1)
                {
                    spriteBatch.Draw(image1, new Vector2(550,100), Color.White);
                }
                if (player == 2)
                {
                    spriteBatch.Draw(image2, new Vector2(550, 100), Color.White);
                }
                if (player == 3)
                {
                    spriteBatch.Draw(image3, new Vector2(550, 100), Color.White);
                }
            }
            spriteBatch.End();
 
            base.Draw(gameTime);
        }
    }
}

上一篇
[Day05] 剪刀石頭布猜拳遊戲Part1.繪出遊戲場景
下一篇
[Day07] 剪刀石頭布猜拳遊戲Part3.電腦出拳
系列文
暫時停止遊戲,寫遊戲!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
虎虎
iT邦研究生 4 級 ‧ 2016-12-19 01:10:05

我就進來了!!!!!

我要留言

立即登入留言